<!--
* Copyright (c) 2009 The Chromium Authors. All rights reserved.  Use of this
* source code is governed by a BSD-style license that can be found in the
* LICENSE file.
-->
<html>
<head>
	<title>Screen Capture</title>
	<meta charset="UTF-8">
	<link href="showimage.css" rel="stylesheet" type="text/css">
	<script src="jquery-1.7.1.min.js"></script>
	<script src="showImage.js"></script>

</head>
<body>
	<embed id="pluginobj" width="0" height="0" type="application/x-screencapture" />
	<div id="header" class="gradientBackground">
		<div id="left">
			<div id="logo">
				<img src="https://zeenshare.com/private/pictures/website/zeenshare_logo.png" />
			</div>
			<div id="account">
				<div class="profileIMGContainer">
					<img />
				</div>
				<div id="profileName"></div>
				<div id="disconnect">Disconnect</div>
			</div>
		</div>
		
		<div id="right">

			<div id="loading">
				<div id="loadingLabel">Connecting</div>
				<img src="loading.gif">
			</div>
			<div id="properties">
				<h2 id="propertiesLabel">Fill properties</H2>
				<table>
					<tr>
						<td>
							<label><div class="labelDiv" id="documentNameLabel">Document Name</div>
								<input type="document_name" id="documentNameInput"
								class="bordered_input" value="Screenshot" />
							</label>
							
						</td>
					</tr>
					<tr>
						<td>
							
							<label><div class="labelDiv" id="folderLabel">Folder</div>
								<select id="folderSelect"></select>
							</label>
						</td>
					</tr>
				</table>
				<div id="buttons">
					<button class="button" id="send" ></button>
					<button class="button" id="cancel" ></button>
				</div>
			</div>
			
			<div id="zeenshareAccountDiv">
				<div class="section-content">
					<div class="clear"></div>
					<h2>Zeenshare account</h2>
					<table>
						<tr>
							<td>
								<label><div class="labelDiv">Email</div>
									<input id="nameInput" type="text" name="zeenshare_profilename"  class="bordered_input"/> 
								</label>
								<label><div class="labelDiv">Password</div>
									<input id="pwdInput" type="password" name="zeenshare_password" class="bordered_input"/>
								</label>
		 	                    <label><div class="labelDiv" id="domainLabel"></div>
		 			                <input id="domainInput" type="text" name="zeenshare_domain"  class="bordered_input"/> 
		 			            </label>
								
								<table>
									<tr>
										<td>
											<label>
												<div class="labelDiv"><span id="rememberMeLabel">Remember me </span><input type="checkbox" id="rememberMeCheckbox" /></div>
											</label>
										</td>
										<td>
											<a href="" id="connectButton"  class="button">Connect</a>                               
										</td>
									</tr>
								</table>
							</td>
							<td> 
								<div id="createAccountContainer">
									<p><a href="" id="createAccountLink"  class="button">Create an account</a></p></td>
								</div>
							</tr>
						</table>
						<div id="error">Authentification failed. Please check your credentials</div>
						
					</div>
				</div>
				<div id="sendingDiv">
					<h2 id="uploadTitle">Upload the document</h2>
					<div id="progressBar">
						<div id="uploadedBar"></div>
						<div id="progressLabel">Uploading ...</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div id="photo">
		<canvas id="canvas" onSelectStart="return false"></canvas>
	</div>
</body>
</html>
